// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

const cpn = {
  template: '<div>{{ message }}</div>',
  data() {
    return {
      message: '我是一个小组件'
    }
  }
}

/* eslint-disable no-new */
new Vue({
  el: '#app',
  // components: { App },
  // template: '<App/>'

  /*
  render: function (createElement) {
    // 1. 普通用法
    // createElement('标签', { 标签属性 }, [ 标签内容 ]) : 创建标签
    // return createElement('h2', { class: 'box' }, [
    //   'Hello Word',
    //   createElement('hr'),
    //   createElement('button', ['阿牛'])
    // ])

    // 2. 高级用法 [传入一个组件对象]
    // return createElement(cpn);

    // 3. 直接将.vue导出的组件对象传入createElement()函数内进行渲染, 就达到与runtime-only一致的效果
    return createElement(App);
  }
  */

  // 箭头函数写法
  render: h => h(App)
})
